<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>门店菜品管理</title>
    <meta name="keywords" content="龙蛙商城">
    <meta name="description" content="龙蛙商城">
    <link rel="shortcut icon" href="/favicon.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <!-- jqgrid-->
    <link href="css/plugins/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet">

    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <!--<style>-->
    <!--.tableImg{-->
    <!--background:url("http://static.ruitaowang.com/attached/file/2017/09/27/20170927110936233.jpg") 0 0 no-repeat;-->
    <!--background-size:100%;-->
    <!--}-->
    <!--</style>-->
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content  animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox ">
                <div class="ibox-content">
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                        &times;
                                    </button>
                                    <h2 class="modal-title text-center" id="myModalLabel"></h2>
                                </div>
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="panel-group" id="accordion">
                                                <div class="panel panel-default">
                                                    <div class="panel-heading">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion"
                                                               href="#collapseOne">
                                                                <h3>正在用餐的客人</h3>
                                                            </a>
                                                        </h4>
                                                    </div>
                                                    <div id="collapseOne" class="panel-collapse collapse in">
                                                        <div class="panel-body">
                                                            <div class="row" id="noDishing">
                                                                <div class='col-md-12' style='padding:15px'>
                                                                    <div class='col-md-4'></div>
                                                                    <div class='col-md-4 text-center'>
                                                                        <h3>
                                                                            <strong id="noDishingText"></strong>
                                                                        </h3>
                                                                    </div>
                                                                    <div class='col-md-4'></div>
                                                                </div>
                                                            </div>
                                                            <div class="row" id="dishing">
                                                                <form class="form-horizontal" role="form">
                                                                    <input type="hidden" id="userId"/>
                                                                    <div class="form-group">
                                                                        <label class="col-md-3 control-label text-right">客人姓名：</label>
                                                                        <div class="col-md-7">
                                                                            <input class="form-control" type="text"
                                                                                   name="name">
                                                                        </div>
                                                                        <div class="col-md-2"></div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label class="col-md-3 control-label text-right">用餐人数：</label>
                                                                        <div class="col-md-7">
                                                                            <input class="form-control" type="text"
                                                                                   name="num">
                                                                        </div>
                                                                        <div class="col-md-2"></div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label class="col-md-3 control-label text-right">下单时间：</label>
                                                                        <div class="col-md-7">
                                                                            <input class="form-control" type="text"
                                                                                   name="day">
                                                                        </div>
                                                                        <div class="col-md-2"></div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label class="col-md-3 control-label text-right">享用菜品：</label>
                                                                        <div class="col-md-7">
                                                                            <input class="form-control" type="text"
                                                                                   name="linkman">
                                                                        </div>
                                                                        <div class="col-md-2"></div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label class="col-md-3 control-label text-right">是否结账：</label>
                                                                        <div class="col-md-7">
                                                                            <input class="form-control" type="text"
                                                                                   name="linkman">
                                                                        </div>
                                                                        <div class="col-md-2"></div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label class="col-md-3 control-label text-right">菜品上菜通知：</label>
                                                                        <div class="col-md-7">
                                                                            <button type="button"
                                                                                    class="btn btn-primary" id="onDish">
                                                                                提醒
                                                                            </button>
                                                                        </div>
                                                                        <div class="col-md-2"></div>
                                                                    </div>
                                                                    <input type="hidden" class="userId"/>
                                                                    <div class="form-group">
                                                                        <label class="col-md-3 control-label text-right">上菜时间：</label>
                                                                        <div class="col-md-7">
                                                                            <input type="text" style="width: 35%"
                                                                                   id="onTime"/>
                                                                        </div>
                                                                        <div class="col-md-2"></div>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="panel panel-default">
                                                    <div class="panel-heading">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion"
                                                               href="#collapseTwo">
                                                                <h3>此类型桌子排队用餐的客人</h3>
                                                            </a>
                                                        </h4>
                                                    </div>
                                                    <div id="collapseTwo" class="panel-collapse collapse in">
                                                        <div class="panel-body">
                                                            <div class="row" id="noQueue">
                                                                <div class='col-md-12' style='padding:15px'>
                                                                    <div class='col-md-4'></div>
                                                                    <div class='col-md-4 text-center'><h3>
                                                                        <strong>无客人排队</strong></h3></div>
                                                                    <div class='col-md-4'></div>
                                                                </div>
                                                            </div>
                                                            <div class="row" id="queue">
                                                                <table class="table table-hover">
                                                                    <thead>
                                                                    <tr>
                                                                        <th>姓名</th>
                                                                        <th>用餐人数</th>
                                                                        <th>队列号</th>
                                                                        <th>排队时间</th>
                                                                        <th>是否用餐</th>
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody id="tbody">
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3"></div>
                                        <button id="Y" type="button" class="col-md-2 btn btn-primary btn-lg">使用</button>
                                        <div class="col-md-2"></div>
                                        <button id="N" type="button" class="col-md-2 btn btn-primary btn-lg">空闲</button>
                                        <div class="col-md-3"></div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                    <button type="button" class="btn btn-primary">确定</button>
                                    <a type="button" class="btn btn-primary" onclick="tableUpdate()">修改</a>
                                </div>
                            </div><!-- /.modal-content -->
                        </div><!-- /.modal -->
                    </div>
                    <div class="row" style="padding: 0 100px;">
                        <div id="logo" class="row">
                        </div>
                    </div>
                    <div class="row text-center" style="padding: 20px">
                        <div class="col-sm-12">
                            <h4>
                                <strong>品牌就是客户对你事业追求价值的认可！
                                </strong>
                            </h4></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/peity/jquery.peity.min.js"></script>
<script src="js/plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
<script src="js/plugins/jqgrid/jquery.jqGrid.minffe4.js?0820"></script>
<script src="js/content.min.js?v=1.0.0"></script>
<script src="//cdn.bootcss.com/stomp.js/2.3.3/stomp.min.js"></script>
<script src="//cdn.bootcss.com/sockjs-client/1.1.4/sockjs.js"></script>
<script src="/web/js/plugins/toastr/toastr.min.js"></script>
<script src="/web/js/self/commons.js?v=1.0"></script>
<script src="js/layer/layer.js"></script>
<script src="js/iNotify.js"></script>
<script src="js/self/admin_dinner_console.js?v=1.0"></script>
</body>
</html>